<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Login</title>
    <link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.css">
    <link rel="stylesheet" href="../css/GongYong.css">
    <link rel="stylesheet" href="../css/Login.css">
</head>
<body>
<div class="box">
<!--    背景图片-->
    <div class="bj-img">
        <img src="http://img.zaozuo.com/d88925065008995f9633326d418de5f6" alt="">
    </div>
    <!--顶部导航栏部分-->
    <div class="head">
        <div class="logo"></div>
        <div class="top-nav">
            <ul>
                <li><a href="index.html">首页</a></li>
                <li class="nav">
                    <a href="QuanWuXiLie.html">全屋系列</a>
                    <div class="nav-down">
                        <p class="nav-font">
                            <a href="">全部</a>
                            <a href="">美术馆系列</a>
                            <a href="">画板系列</a>
                            <a href="">山雪系列</a>
                            <a href="">青山系列</a>
                            <a href="">cosmo系列</a>
                            <a href="">朱雀系列</a>
                        </p>
                    </div>
                </li>
                <li class="nav">
                    <a href="ShaFaBanDeng.html">沙发 · 板凳</a>
                    <div class="nav-down">
                        <p class="nav-font">
                            <a href="">全部</a>
                            <a href="">沙发</a>
                            <a href="">休闲椅</a>
                            <a href="">板凳</a>
                            <a href="">坐墩</a>
                        </p>
                    </div>
                </li>
                <li class="nav">
                    <a href="GuiJia.html">柜架</a>
                    <div class="nav-down">
                        <p class="nav-font">
                            <a href="">全部</a>
                            <a href="">电视柜</a>
                            <a href="">书柜-书架</a>
                            <a href="">衣柜</a>
                            <a href="">餐边柜</a>
                            <a href="">斗柜</a>
                            <a href="">鞋柜</a>
                            <a href="">玄关柜</a>
                            <a href="">床头柜</a>
                            <a href="">推车</a>
                            <a href="">置物架-储物格</a>
                            <a href="">衣帽架</a>
                        </p>
                    </div>
                </li>
                <li class="nav">
                    <a href="CuangJu.html">床 · 床具</a>
                    <div class="nav-down">
                        <p class="nav-font">
                            <a href="">全部</a>
                            <a href="">床</a>
                            <a href="">床垫</a>
                            <a href="">床头柜</a>
                            <a href="">床品</a>
                            <a href="">被褥</a>
                            <a href="">枕芯</a>
                        </p>
                    </div>
                </li>
                <li class="nav">
                    <a href="ZhuoJi.html">桌几</a>
                    <div class="nav-down">
                        <p class="nav-font">
                            <a href="">全部</a>
                            <a href="">餐桌-书桌</a>
                            <a href="">茶几</a>
                            <a href="">边桌</a>
                            <a href="">梳妆台</a>
                        </p>
                    </div>
                </li>
                <li class="nav">
                    <a href="DengJu.html">灯具</a>
                    <div class="nav-down">
                        <p class="nav-font">
                            <a href="">全部</a>
                            <a href="">地灯</a>
                            <a href="">吊灯</a>
                            <a href="">台灯</a>
                            <a href="">吸顶灯</a>
                            <a href="">夜灯</a>
                        </p>
                    </div>
                </li>
                <li class="nav">
                    <a href="JiaFang.html">家纺 · 床品</a>
                    <div class="nav-down">
                        <p class="nav-font">
                            <a href="">全部</a>
                            <a href="">床品</a>
                            <a href="">被褥</a>
                            <a href="">枕芯</a>
                            <a href="">毛巾-浴巾</a>
                            <a href="">盖毯</a>
                            <a href="">地毯-地垫</a>
                            <a href="">抱枕-劲枕</a>
                            <a href="">围巾</a>
                        </p>
                    </div>
                </li>
                <li class="nav">
                    <a href="ZhuangShi.html">装饰 · 收纳</a>
                    <div class="nav-down">
                        <p class="nav-font">
                            <a href="ZhuangShi.html">全部</a>
                            <a href="">墙镜</a>
                            <a href="">花瓶</a>
                            <a href="">摆件</a>
                            <a href="">收纳</a>
                            <a href="">装饰画</a>
                        </p>
                    </div>
                </li>
                <li class="nav">
                    <a href="ShuiJu.html">餐具 · 水具</a>
                    <div class="nav-down">
                        <p class="nav-font">
                            <a href="">全部</a>
                            <a href="">餐具</a>
                            <a href="">杯子</a>
                            <a href="">托盘-果盘</a>
                            <a href="">食品储物</a>
                        </p>
                    </div>
                </li>
                <li class="top-right">
                    <i class="fa fa-map-marker" style="font-size: 16px;color:#fff;"></i>
                </li>
                <li class="top-right1"><a href="ShiTiDian.html">实体店</a></li>
                <li><a href="LiaoJieZaoZuo.html">了解造作新家</a></li>
                <li><a href="ShangYeHeZuo.html">商业合作</a></li>
            </ul>
            <ul class="top-nav1">
                <li>
                    <div class="login">
                        <a href="Login.html">
                            <img src="http://img.zaozuo.com/8576f41b91454a9dcfe10117c7866da9" alt="">
                            <img src="http://img.zaozuo.com/3eafa8a3062fd17672ae1bc4f605e679" alt="">
                        </a>
                    </div>
                </li>
                <li>
                    <div class="login">
                        <a href="GoWuChe.html">
                            <img src="https://img.zaozuo.com/737626452b898ffba27f9ad288c80c09" alt="">
                            <img src="https://img.zaozuo.com/10de03eec28b15b7b71d2e583f160d61" alt="">
                        </a>
                    </div>
                </li>
            </ul>
        </div>
    </div>
    <div class="login-bg">
        <div class="login-font">
            <span class="login-username">快捷登录</span>
            <span class="font-2"></span>
            <span class="login-password">密码登录</span>
            <div class="login-input">
                <input type="text" placeholder="请输入手机号">
            </div>
            <div class="login-input-span">
                <input type="text" placeholder="请输入密码">
                <span class="login-hq">获取验证码</span>
            </div>
            <div class="login-input-wechat">
                <span class="WeChat">登录</span>
            </div>
            <p class="login-wechat">微信登录 ></p>
        </div>
        <p class="goto-register">还没有账号？<a href="register.html" class="register">立即注册</a></p>
    </div>
</div>
</body>
</html>